<template>
    <!-- 产品 -->
  <div class="home">
    <Header :check="1" />
    <Banner />
    <div class="product-page">
        <div class="container">
            <div class="product-main">
                <div class="product-type">
                    <a v-for="(item, index) in list" :key="index" :class="{on: index == 0}" class="type-box donghua">
                        <div class="type-text">
                            {{ item.typename }}
                        </div>
                    </a>
                </div>
                <div class="product-cont">
                    <div v-for="(item, index) in list" :key="index" class="product-box">
                        <div class="product-tt">
                            {{ item.typename }}
                        </div>
                        <!-- vvv2 -->
                        <div class="product-list " :class="{vvv2: item.typeclass == 1}">
                            <div v-for="(vitem, vindex) in item.children" :key="vindex" class="product-item">
                                <div class="tt-box">
                                    {{ vitem.title }}
                                </div>

                                <div class="cont">
                                    <div class="dd">
                                        {{ vitem.desc }}
                                    </div>
                                    <div class="btn flex-center">
                                        查看
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <Footer />
  </div>
</template>
  
  <script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import Banner from "@/components/Banner.vue";

export default {
  name: "ProductView",
  components: {
    Header,
    Footer,
    Banner
  },
  data() {
        return {
            list: [
                {
                    typename: '资金类',
                    typeclass: 0,
                    children: [
                        {
                            title: '耘易通',
                            desc: '为金融机构提供从进件到放款的合规经营平台'
                        }
                    ]
                }
            ],
        };
    },
  methods: {}
};
</script>
  